<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表格属性</title>
</head>
<body>
    <!--  行tr、列td
        1、border是边框线的粗细
        2、width：表格宽度
        3、height：表格高度
        4、align：对齐方式left、right、center
        5、bordercolor：边框颜色
        6、bgcolor：表格整体背景颜色
        7、cellspecing：单元格与单元格之间的间距
        8、cellpadding：单元格与内容之间的空隙-->

    <table border="1" width="500px" height="200px" align="center" bordercolor="yellow"
        cellspecing="20" cellpadding="10" bgcolor="pink">
        
        <tr>
            <td>一行一列</td>
            <td>一行二列</td>
        </tr>
        <tr>
            <td>两行一列</td>
            <td>两行两列</td>
        </tr>
    </table>

    <!-- 行tr属性 行宽度已经受table属性控制
        1、高度 height
        2、背景颜色 bgcolor
        3、文字水平对齐 align=“left/center/right”
        4、文字垂直对齐 valign=“top/middle/bottom” -->
    <p>
        <table border="2" width="800" height="350" bordercolor="black" align="center"
            cellpecing="0" cellpadding="20" bgcolor="pink">
            <tr height="150" bgcolor="gray" align="center" valign="middle">
                <!-- 列td属性 
                    如果一个单元格设置的宽度——改变的一整列的宽度
                    如果一个单元格设置的高度——改变的一整行的高度
                    1、宽度 width
                    2、高度 height
                    3、背景颜色 bgcolor
                    4、文字水平对齐 align=“left/center/right”
                    5、文字垂直对齐 valign=“top/middle/bottom” 
                    表格合并 必须是td属性
                    Colspan：合并列 Colspan=“几列”
                    Rowspan：合并行 Rowspan=“几行”-->
                <td width="400"  bgcolor="red">1</td>
                <td height="300">2</td>
            </tr>
            <tr height="200" bgcolor="white" align="left" valign="bottom">
                <td bagcolor="white" >3</td>
                <td>4</td>
            </tr>
        </table>
    </p>
</body>
</html>